<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  }
};
</script>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>


<style lang="scss">
.gwContracts-item {
  border: 1px solid rgb(215, 218, 226);
  border-bottom: none;
  width: 600px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  .title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
  }
  .time {
    font-size: 12px;
  }
  .status {
    font-size: 16px;
    color: #2b7d18;
  }
  &:last-child {
   border-bottom: 1px solid rgb(215, 218, 226);
  }
}
</style>
